<template>
  <div id="app">
    <keep-alive :exclude="excludeseRouters" :include="includeRouters">
      <router-view></router-view>
    </keep-alive>
  </div>
</template>

<script>

export default {
  name: 'App',
  data(){
    return{
      includeRouters:'KeyIndicators,ContentManage,MarketManage,InfoMaintain,NoticeSetting,NoticeFeedback,PersonMaintain,PlateNoticeFeedback',
      excludeseRouters:'KeyIndicatorsImport,ContentManageDetail,MarketManageDetail,InfoMaintainEdit,personMaintainEdit'
    }
  },
}
</script>

<style>
body{
  margin:0;
  box-sizing: border-box;
}
#app .main_container{
  width: 100%;
  height: 100vh;
  color:#333;
  font-size:12px;
  box-sizing: border-box;
}
.main_container .main_title{
  height: 68px;
  line-height: 68px;
  font-weight: bold;
  font-size: 20px;
  color:#fff;
  background-color: rgba(0, 40, 77, 1);
  padding-left: 20px;
}
.main_container .el-submenu__title:hover,.main_container .el-menu-item:focus, .main_container .el-menu-item:hover{
  background-color: #1890ff!important;
}
.main_header{
  height: 68px!important;
  display: flex;
  justify-content: right;
}
.main_header .user_box{
  display: flex;
  justify-content: center;
  height: 68px;
  font-size:16px;
  padding-top: 21px;
  box-sizing: border-box;
  cursor: pointer;
}
.main_header .user_box img{
  width: 26px;
  height: 26px;
  border-radius:50%;
  margin-right:10px;
  border:1px solid #efefef;
  cursor: pointer;
}
.main_header .user_box span{
  display: inline-block;
  height: 26px;
  line-height: 26px;
  cursor: pointer;
}
#app .el-card__body,#app .el-main{
  padding:10px;
}
.main_content{
  background-color: #f0f2f5;
  padding:10px;
  box-sizing: border-box;
}
.main_content .main_wrap{
  width: 100%;
  height: calc(100vh - 110px);
  background-color: #fff;
  border-radius:5px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
.common_wrap{
    padding:15px;
    font-size:14px;
}
.common_title{
    width: 100%;
    font-size:18px;
    font-weight:bold;
    color:#333;
    border-left:3px solid #2689fd;
    padding-left:10px;
    margin-bottom: 20px;
    position: relative;
}
.common_title .back_btn{
  width: 70px;
  position: absolute;
  top:0;
  right:0;
  font-weight:normal;
  font-size:16px;
  color: #2689fd;
  cursor: pointer;
}
.common_title .back_btn i{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("./assets/return.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  margin-right: 5px;
  position: relative;
  top:2px;
}
</style>
